<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<HEAD>
     <TITLE>About Padding Properties</TITLE>
     <link rel="stylesheet" type="text/css" href="../../ss/2.css" id="thecss">
     <script type="text/javascript" src="../../scripts/csschange.js"></script>
</HEAD>

<BODY onload="readSS()">

<br>
<h1 align="center"><span class="pagetitle">About Padding Properties</span><br>
<font size=2>= <span class="sitetitle">Index DOT Css</span> by <a 
href="../../misc/email.htm">Brian Wilson</a> =</font></h1>

<div align="center">
<table border=3 cellpadding=5 cellspacing=0>
<tr>
    <td>&#160;&#160;<font size=2><a href="../index.html">Main Index</a> |
    <a href="../propindex/font.htm">Property Index</a> |
    <a href="../supportkey/syntax.htm">CSS Support History</a> |
    <a href="../../history/browsers.htm">Browser History</a></font>&#160;&#160;</td>
</tr>
</table>
</div>
<br><br>

<dl>
<dt><big><b class="mainheading">Padding Properties</b></big>
    <dd><a href="padding/padding.htm">padding</a> |
        <a href="padding/paddingtop.htm">padding-top</a> |
        <a href="padding/paddingright.htm">padding-right</a><br>
        <a href="padding/paddingbot.htm">padding-bottom</a> |
        <a href="padding/paddingleft.htm">padding-left</a>
</dl>

<br>
<dl>
<dt><big><b class="mainheading">What Do They Do?</b></big>
    <dd>In CSS, the fundamental visual rendering model places all components of the
        document tree in physical and virtual rectangular boxes, each having a specific
        height and width. An element's rendering box consists of an element's content
        at the center (text, images, etc.) Surrounding the element's content (moving
        outward in rectangular layers/strips) are optional padding, surrounded by any
        optional border effects, surrounded in turn by any optional margin values that
        may be specified.
        <br><br>

        The padding properties allow the author to specify how much space will
        be inserted between the element border and the element content. Negative
        values are not allowed.
        <br><br>

        Each side of the padding dimensions (top, right, bottom and left) can be
        addressed and controlled independently using separate properties, or a
        convenient shorthand notation may be used that controls multiple sides at once.
</dl>

<dl>
<dt><big><b class="mainheading">Related Sites</b></big>
<dt><b class="subheading">Official Reference: CSS Level 1, Sections 5.5.6-10</b>
    <dd>5.5.10: '<a href="http://www.w3.org/TR/REC-CSS1#padding">padding</a>'<br>
        5.5.6: '<a href="http://www.w3.org/TR/REC-CSS1#padding-top">padding-top</a>'<br>
        5.5.7: '<a href="http://www.w3.org/TR/REC-CSS1#padding-right">padding-right</a>'<br>
        5.5.8: '<a href="http://www.w3.org/TR/REC-CSS1#padding-bottom">padding-bottom</a>'<br>
        5.5.9: '<a href="http://www.w3.org/TR/REC-CSS1#padding-left">padding-left</a>'
<dt><b class="subheading">Official Reference: CSS Level 2, Section 8.4</b>
    <dd>8.4: '<a href="http://www.w3.org/TR/REC-CSS2/box.html#padding-properties">padding</a>', <br>
        8.4: '<a href="http://www.w3.org/TR/REC-CSS2/box.html#padding-properties">padding-top</a>'<br>
        8.4: '<a href="http://www.w3.org/TR/REC-CSS2/box.html#padding-properties">padding-right</a>'<br>
        8.4: '<a href="http://www.w3.org/TR/REC-CSS2/box.html#padding-properties">padding-bottom</a>'<br>
        8.4: '<a href="http://www.w3.org/TR/REC-CSS2/box.html#padding-properties">padding-left</a>'
</dl>

<br><br>
<a href="../../misc/copyright.htm">Boring Copyright Stuff....</a>
<br>

</BODY>
</HTML>